*{
    margin: 0;
    padding: 0;
}
body{
    background-color: #f5f5f5;
}
h1{
    text-align: center;
    color: violet;
}
.box{
    background-color: rgb(243, 240, 240);
    width: 500px;
    height: 250px;
    border-radius: 10px;
    border: wheat 5px solid;
    margin: 100px auto;
    text-align: center;
    padding: 50px 0 0;
}
.box>div{
    margin-right: 35px;
    margin: 10px 35px 10px 0;
}

.opc{
   opacity: 0;
}
.pwdS{
    position: absolute;
}
button{
    background-color: rgb(187, 180, 180);
    border-radius: 5px;
    width: 100px;
    height: 40px;
    border: none;
    border: #f5f5f5 solid 2px;
}
input{
   
    width: 200px;
    height: 30px;
    border-radius: 5px;
    border: 2px #f5f5f5 solid;
    font-size: 10px;
}
body{
background: url('https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fs2.best-wallpaper.net%2Fwallpaper%2F1920x1080%2F1911%2FCape-lighthouse-sea-sunset_1920x1080.jpg&refer=http%3A%2F%2Fs2.best-wallpaper.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1639378391&t=459535ed9678a3c140e1e41c5b96fe53')  repeat ;

background-size: 100%;
}